.body > div {
    border: 1px solid red;
}

.body > div > div {
    border: 1px solid blue;
}

/*头部背景，高度，字体颜色*/
.top {
    background-image: url("../img/banner_qtah.jpg");
    background-size: 100% 100%;
    height: calc(1000 * 808px / 1920);
    color: white;
}

/*红色区域*/
.top > div:nth-child(1) {
    /*border: 1px solid red;*/
    display: flex;
    justify-content: center;
}

/*蓝色区域*/
.top > div:nth-child(1) > div {
    width: 900px;
    /*border: 1px solid blue;*/
    display: flex;
    justify-content: space-between;
}

/*黄色区域*/
.top > div:nth-child(1) > div > div {
    /*border: 1px solid yellow;*/
}

/*右侧黄色区域*/
.top > div:nth-child(1) > div > div:nth-child(2) {
    display: flex;
    /*上下居中*/
    align-items: center;
}

/*灰色区域*/
.top > div:nth-child(1) > div > div:nth-child(2) > div {
    /*border: 1px solid gray;*/
}

/*设置logo外面的div高度*/
.top > div:nth-child(1) > div > div:nth-child(1) {
    height: 141px;
}

/*-------nav-----------*/
.nav {
    display: flex;
    justify-content: center;
    background-color: rgb(230, 145, 55);
    height: 50px;
}

.nav > div {
    width: 900px;
    display: flex;
    align-items: center;
}

.nav > div > div {
    /*margin: 0 20px;*/
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
}

.nav > div > div:hover {
    background-color: white;
    color: rgb(230, 145, 55);
    cursor: pointer;
}

/*---------ad------------*/
.ad {
    border: 1px solid red;
    display: flex;
    justify-content: center;
    height: 230px;
}

.ad > div {
    border: 1px solid blue;
    width: 900px;
    display: flex;
    align-items: center;
}

.ad > div > div {
    border: 1px solid green;
}
